<template>
    <div class="w-100 h-100">
    <containTemplete
     :title="'应急资源管理 '" 
     :secondTitles="['应急资源统计','应急资源列表',]"
        :slotWidth="[50,50]"

     >
    
        <template #left>
            <div class="w-100 h-100">
                <h_normal
               :echartsId="'yj_zytj'"
               :echarts-data="echartsData"
               :derection="'v'"
               ></h_normal>

            </div>
        </template>
        <template #middle>
            <div class="w-100 h-100">
                <yj_zyList></yj_zyList>

            </div>
        </template>
    
    </containTemplete>
    </div>
</template>

<script setup lang='ts'>
import containTemplete from '@/components/project/containTemplete.vue';
import h_normal from '@/components/common/echart/h_nomal.vue';

import yj_zyList from './yj_zyList.vue';
const  echartsData=[
   
    
   
    {
        name:'应急指挥管理',
        value:33
    },
    {
        name:'应急队伍和救援力量',
        value:45
    },{
        name:'应急物资设备',
        value:65
    },{
        name:'应急专家',
        value:87
    }, {
        name:'应急通信资源',
        value:120
    },
    {
        name:'应急运输资源',
        value:120
    },
    {
        name:'应急医疗资源',
        value:87
    },
    // {
    //     name:'应急资金',
    //     value:23
    // },
    {
        name:'应急避难场所',
        value:88
    },
]


</script>

<style scoped lang="less" >

</style>